<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/cover.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/data.js"></script>
</head>

<body>
    <div class="game-cover" id="game-cover">
        <div class="cover-img">
        </div>
        <h1>扑克
           <span>翻</span>
           <span>翻</span> 
           <span>翻</span>
           </h1>
        <p>游戏规则:  翻开扑克牌，在限定时间找到给出的牌 <span class="attention">(注意:牌堆会有重复的，而目标卡牌不会重复，不要重复选择已选的卡牌)</span></p>
        <div class="start-btn">
            <button id="start">开始游戏</button>
        </div>
    </div>
    <div class="game" id="game">
        <h1 id="level" class="level">第 1 关</h1>
        <div class="target-pk" id="target-pk-wrap">
            请找到以下扑克牌: <span class="left-time">还剩余
               <i id="second">13</i> 
                秒</span>
            <ul class="target-list" id="target-list"> 
            </ul>
        </div>
        <div class="pk-list" id="pk-list">
        </div>
    </div>
    <div class="message-box" id="message-box">
    </div>
    <div class="skill-wrap" id="skill-wrap">
        <button class="look-all icon-yanjing iconfont" id="look-all">预言者</button>
        <button class="hourglass icon--shalou iconfont" id="hourglass">沙漏之握</button>
    </div>
</body>
<script src="./js/index.js"></script>
<script>
    
</script>

</html>